/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

*{margin:0px;
padding: 0px;}
#wrap
{
background-image:url('bg_hindi_learning_page.png');
background-repeat:repeat;
border:0px solid black;
height:auto;
width:auto;
margin:auto; }


#heder

{background-color:#1994C0;
height:120px;
padding-top:8PX;
}

#menu
 {background-color:#804000;
height:50px;
width:auto;

}
#menu ul
{list-style:none }
#menu ul li
{width:100px;
display:inline-block;
line-height:25px;
text-align:center;}
#menu ul li a
{color:white;
text-decoration:none;
display:block; }
#menu ul li a:hover
{background-color:orange;
color:black }
#slider
{
width:800px;
height:530px;

margin:auto;
margin-top:10px;
padding-top:10px;
padding:5px;}

#icon_1{
height: 190px;
width:140px;
float:left;
margin:10px;}

 #titel{color:red;
 font-size:25px;
 font-weight:bold;
 text-align:left;
  }
  
  #text{
   margin-top:10px;}
   
  h3{text-align:center; 
  text-transform:uppercase;
   margin-top:5px;
   }
   
 p{text-align:justify;
  font-size:18px;
  padding:5px;
  margin-left:15px;
}
  }
#hindi_s_v{
background-color:#FFFFCA;
width:520px;
height:450px;
border:1px solid red;
margin:auto;
margin-top:15px;}
#h1
{color:green;
font-size:25px;
font-weight:bold;
text-align:left; }
#frist{
    margin-left:10px;
 }
 #picture
 {background-color:#EFFFEF;
  width:850px;
height:400px;
border:6px solid #6D6DFF;
border-radius:10px;
border-style:double;
margin:auto;
margin-top:10px;

}
#small_left
{width:50px; height: 50px; display:inline-block;  vertical-align:middle;margin:20px;
border-style:
}
#small 
{width:200px; height: 200px; display:inline-block; border:1px solid red; vertical-align:middle;margin:20px;
border-radius:5px;
}
#big 
{width:400px; height: 395px; display:inline-block;border:1px solid red; vertical-align:middle;margin:2px;
border-radius:8px;}
#small_right
{width:50px; height: 50px; display:inline-block; vertical-align:middle;margin:20px;}

#main
{
width:650px;
height:80px;

border-radius:8px;
margin:auto;

margin-top:10px;
padding:5px;}

#picture_ani_sha_color{ background-color:#FFF8EF;
  width:600px;
height:400px;
border:8px solid #6D6DFF;
border-radius:10px;
border-style:double;
margin:auto;
margin-top:10px;
}

#hindi_day_month{background-color:#FFFFCA;
width:700px;
height:550px;
border:1px solid red;
margin:auto;
margin-top:15px;} 
#DAY{width:300px; height: 395px; border:1px solid red; vertical-align:middle;
border-radius:8px;} 

#img_button{
width:40px;
height:40px;
float:left;
text-decoration:none;
color:black;
border:2px solid black;
padding:5px;
margin:2px;
border-radius:10px;
background: linear-gradient(#A0C8FF,#ECC8FF);
transition: is ease-in-out
 }
#img_button:hover{
border:2px solid red;
color:white;
background: linear-gradient(#ECC8FF,#A0C8FF);
transition: 0.5s;
}
#img_button_sv{width:25px;
height:22px;
float:left;
text-decoration:none;
color:black;
border:2px solid black;
padding:5px;
margin:1px;
border-radius:20px;
background: linear-gradient(#FFC349,#F7FF0B);
transition: is ease-in-out }
#img_button_sv:hover{
border:2px solid red;
color:white;
background: linear-gradient(#F7FF0B,#FFC349);
transition: 0.5s;}


#hindi_matra{width:550px;
height:500px;
border:8px solid #5B8004;
border-radius:10px;
border-style:double;
margin:auto;
margin-top:10px;}



#big_top{
width:320px; height: 300px; display:inline-block;border:1px solid red; vertical-align:middle;
border-radius:8px; margin:10px;}


#big_middle{width:320px; 
height: 60px;
background-color:#F8CB90;
border:2px solid green;
    position: relative;
    top: 10%;
    transform: translateY(-50%); 
    border-radius:8px;
    margin-left:100px;
}

#big_bottom{
width:320px; 
height: 60px;
background-color:#F8D783;
border:2px solid red;
    position: relative;
    top: 20%;
    transform: translateY(-100%);
    border-radius:8px;
     margin-left:100px;
}
#arrow_img{ opacity:1.0;
filter:alpha (opacity=100);
float:left;}

#arrow_img:hover{ opacity:0.7;
filter:alpha (opacity=50);
float:left;}

#image_sound{ opacity:1.0;
filter:alpha (opacity=100);
float:left;}

#image_sound:hover{ opacity:0.5;
filter:alpha (opacity=30);
float:left;}

#footer_bottom
{ clear:both;
  width:auto;
   height:30px; 
   margin-top:15px;
   border: 0px solid black;
   background:#1994C0;
   color:white;
   text-align:center;
  }